<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
    width : 200px;
    height : 200px;
    background-color : pink;
}

</style>
</head>
<body>
<button> 添加 div</button>
<script>
var btn = document.querySelector("button");
btn.onclick = function (){
    // 创建文本节点
    var text = document.createTextNode("这个是文本节点")
    // 1. 创建一个 div
    var ele = document.createElement("div")
    ele.appendChild(text)
    // 2. 添加到body 中
    document.body.appendChild(ele)
}
</script>

</body>
</html>